<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>预约界面</title>
		<base href="http://localhost:8080/Barbr/">
		<link href="css/index.css" rel="stylesheet">
	</head>
	<body>
	<div class="wapper">
		<div class="navbar"  style="z-index: 2">
			<input type="checkbox" id="checkbox" />
			<ul>
				<li>
					<!-- 复选框的id属性值和label元素的for属性值必须是相同的,才能够通过点击label选中复选框 -->
					<label for="checkbox">
						<img src="img/geren.png" alt="" />
					</label>
					<span>欢迎您!${sessionScope.customer.username}</span>
				</li>
				<li>
					<a href="html/mainbody.jsp" target="Begging">
						<i class="fa fa-home"></i>
						<span>预约界面</span>
					</a>
				</li>
				<li>
					<a href="html/persion.jsp" target="Begging">
						<i class="fa fa-sitemap"></i>
						<span>个人中心</span>
					</a>
				</li>
				<li>
					<a href="logout">
						<i class="fa fa-home"></i>
						<span>退出系统</span>
					</a>
				</li>
			</ul>
		</div>
		<iframe id="Begging" name="Begging" src="" style="width: 95%;
	height: 100vh;
	position:absolute;
	z-index: 1;
	left: 70px;
	top: 0;"></iframe>
	</div>
	</body>
</html>
